Para centrar horizontalmente un contenedor de tipo bloque, se puede
utilizar margin: auto; en CSS.
Este cuadro está en el centro horizontal.
Contenido alineado al centro del bloque.
Para centrar una imagen, hay que convertirla en un elemento de bloque y asignar márgenes automáticos a los lados.
Usando position: absolute; y right: 0; podemos
colocar elementos a la derecha.
Este párrafo está alineado hacia la derecha usando posicionamiento.
Con float: right; también podemos mover elementos hacia el
borde derecho del contenedor.
Este bloque está flotando a la derecha.
Con un espacio interior (padding) podemos centrar verticalmente dentro de un contenedor con altura fija.
Este texto está centrado verticalmente con padding.
Combinando padding y text-align conseguimos un
centrado total.
Texto completamente centrado.